{% block sw_avatar %}
<span
    ref="swAvatar"
    class="sw-avatar"
    :class="'sw-avatar__' + variant"
    :style="[avatarImage, avatarColor, avatarSize, avatarInitialsSize]"
    role="img"
>
    <slot>
        {% block sw_avatar_slot_imageUrl %}
        <span
            v-if="showInitials"
            class="sw-avatar__initials"
        >
            {{ avatarInitials }}
        </span>
        {% endblock %}
        {% block sw_avatar_slot_placeholder %}
        <span v-if="showPlaceholder">
            <mt-icon name="regular-user" />
        </span>
        {% endblock %}
    </slot>
</span>
{% endblock %}
